<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="Yb">
    <title>小米-购物车</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/cart-index.css">
    <link rel="stylesheet" href="../css/navbarBtt.css">
</head>

<body>
    <header>
        <nav>
            <a href="../index/index.html"><img src="images/icon_back_n.png" alt=""></a>
            <span>购物车</span>
            <a href=""><span class="glyphicon glyphicon-search"></span></a>
        </nav>
    </header>
    <section>
        <a href="../user/login/login.html" class="mainLine">
            <div>登录后享受更多优惠</div>
            <div><span>去登录</span><img src="images\icon_go_n.png" alt=""></div>
        </a>
        <a href="../index.html" class="mainLine shop">
            <div><img src="images\cart_01.png" alt=""><span> 购物车还是空的&#x3000;</span></div>
            <div class="button">去逛逛</div>
        </a>
        <a href="" class="mainLine">
            <div>为你推荐</div>
        </a>
    </section>
    <main>

        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic01.jpg" alt="">
                    <div>
                        <h3>小米万能遥控器</h3>
                        <span><sup>￥ </sup>79</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic02.jpg" alt="">
                    <div>
                        <h3>米家压力IH电饭煲</h3>
                        <span><sup>￥ </sup>999</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic03.jpg" alt="">
                    <div>
                        <h3>特别版声波</h3>
                        <span><sup>￥ </sup>169</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic04.jpg" alt="">
                    <div>
                        <h3>米兔儿童手表Q</h3>
                        <span><sup>￥ </sup>299</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic05.jpg" alt="">
                    <div>
                        <h3>小米净水器(厨下式)</h3>
                        <span><sup>￥ </sup>1999</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic06.jpg" alt="">
                    <div>
                        <h3>九号平衡车</h3>
                        <span><sup>￥ </sup>1999</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic07.jpg" alt="">
                    <div>
                        <h3>花花草草监测仪</h3>
                        <span><sup>￥ </sup>49</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic08.jpg" alt="">
                    <div>
                        <h3>小米笔记本Air 13.3″</h3>
                        <span><sup>￥ </sup>4999</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic09.jpg" alt="">
                    <div>
                        <h3>电助力折叠自行车</h3>
                        <span><sup>￥ </sup>2999</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic10.jpg" alt="">
                    <div>
                        <h3>小米Max 128GB版</h3>
                        <span><sup>￥ </sup>1799</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic11.jpg" alt="">
                    <div>
                        <h3>小米羊毛围巾</h3>
                        <span><sup>￥ </sup>99</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic12.jpg" alt="">
                    <div>
                        <h3>小米智能插座 基础版</h3>
                        <span><sup>￥ </sup>49</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic13.jpg" alt="">
                    <div>
                        <h3>米兔定位电话</h3>
                        <span><sup>￥ </sup>169</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic14.jpg" alt="">
                    <div>
                        <h3>小米方盒子蓝牙音箱</h3>
                        <span><sup>￥ </sup>99</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic15.jpg" alt="">
                    <div>
                        <h3>Amazfit手环</h3>
                        <span><sup>￥ </sup>299</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic16.jpg" alt="">
                    <div>
                        <h3>小米音乐耳机</h3>
                        <span><sup>￥ </sup>199</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic17.jpg" alt="">
                    <div>
                        <h3>60cm柔软米兔抱枕</h3>
                        <span><sup>￥ </sup>129</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic18.jpg" alt="">
                    <div>
                        <h3>小米圈铁耳机</h3>
                        <span><sup>￥ </sup>99</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="main">
            <div>
                <a href="">
                    <img src="images/cart_pic19.jpg" alt="">
                    <div>
                        <h3>米家小白智能摄像机</h3>
                        <span><sup>￥ </sup>399</span>
                    </div>
                </a>
            </div>
            <div>
                <a href="">
                    <img src="images/cart_pic20.jpg" alt="">
                    <div>
                        <h3>米兔智能故事机</h3>
                        <span><sup>￥ </sup>199</span>
                    </div>
                </a>
            </div>
        </div>
    </main>





    <footer class="marginBtt"></footer>
    <nav class="navbarBtt">
        <a href="../index.html">
            <div class="midh index"></div>
            <div>首页</div>
        </a>
        <a href="../category/index.html">
            <div class="midh category"></div>
            <div>分类</div>
        </a>
        <a href="#">
            <div class="midh cartChecked"></div>
            <div>购物车</div>
        </a>
        <a href="../user/index.html">
            <div class="midh user"></div>
            <div>我的</div>
        </a>
    </nav>



    <script src="bootstrap/js/jquery-3.1.1.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>